<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>箭头函数</title>
</head>
<body>
<script>
    // 箭头函数
    // 它也是一种函数的定义，它简化定义仅此而已。
    // 步骤：1：去掉function  2: 括号后面加箭头。
    // 1:声明式的定义


    /*
箭头函数最直观的三个特点。
    1不需要function关键字来创建函数
    2省略return关键字
    3继承当前上下文的 this 关键字
*/
    function add() {
    }

    // 2:表达式的定义
    let add2 = function () {
    }
    console.log(add2())
    // 3:箭头函数的定义
    let sum = (a = 100, b = 300) => {
        console.log(a + b);
    };
    // 这里执行箭头函数
    sum(50, 50);
    // 这里执行箭头函数
    sum();
    // 这里执行箭头函数
    sum(400);
</script>
</body>
</html>